{% extends "base.html" %}
{% block head %}
{% endblock %}

{% block header %}
<h1 id="title">Fonite</h1>
{% endblock header %}

{% block content %}
<h2 id="subtitle">{% block subtitle %}The phone number review site.{% endblock %}</h2>
<div id='heading'>{% block heading %}{% endblock %}</div>
<div id='errors'>{{error}}</div>
<div id='login_form_container'>
  <form id="login_form" action='/a/login' method='POST'>
    {% csrf_token %}
    <div data-role="fieldcontain">
      <label for="phone_number">Phone number</label>
      <input type='text' id='phone_number' name='phone_number' value="{{phone_number}}" placeholder="Phone number">
    </div>
    <div data-role="fieldcontain">
      <label for="password">Password</label>
      <input type='password' id='password' name='password' placeholder="Password"><br />
    </div>
    {% block submit %}
    <input type='submit' id="login" value="Login">
    {% endblock %}
  </form>
  <hr />
  <h2>Not a user?</h2>
  <a href="/a/signup" type='button' id='create_new'>Create A New Account</a>
</div>
{% endblock %}
